草庐IT

Flutter list.builder 不滚动

全部标签

javascript - 在 Html2Canvas 中呈现时,页面滚动到顶部

我正在使用html2canvas库,使用以下代码:html2canvas(document.body,{onrendered:function(canvas){document.body.appendChild(canvas);}});当onrendered被触发时,页面会自动滚动到顶部。无论如何我们可以保持我们的滚动位置而不被自动带到页面顶部吗? 最佳答案 我查看了html2canvas.js并看到了以下行:_html2canvas.Parse=function(images,options){window.scroll(0,0)

javascript - 是否有可能在jquery中找到从底部到当前滚动状态的距离

假设向下滚动到网页的中间。是否可以找到距底部的距离(长度或像素)?就像当滚动条到达底部然后它的0但如果它距离底部500px那么我需要那个500px值。 最佳答案 它不是那么精确但有效:varscrollPosition=window.pageYOffset;varwindowSize=window.innerHeight;varbodyHeight=document.body.offsetHeight;alert(Math.max(bodyHeight-(scrollPosition+windowSize),0));

javascript - 像 Pinterest 一样接管浏览器滚动条的模态窗口

我有一个模态窗口,它显示的内容比浏览器的窗口高度长,所以我需要创建一个模态窗口来接管浏览器的滚动条,就像我们在Pinterest上看到的那样。此外,单击图像将使该图像转换到模态窗口中的位置。注意打开模式如何改变滚动条问题:如何创建相同的模态窗口(接管滚动条)和图像动画?我知道当模态窗口出现时,浏览器地址栏中的URL会发生变化,但您会注意到页面并没有真正发生变化。我可以使用backbone.js做到这一点,所以不用担心。HTML代码Clickme!JS代码$('#showModal').click(function(){$('.modal').show();});

javascript - 停止 jQuery draggable 从屏幕上滚动

当在div元素上使用可拖动的jQueryUI时,您可以将元素“拖离”页面的右侧,但页面只会扩展并随元素自动滚动。这是有问题的,因为我试图在元素到达窗口右侧时启动一个事件。一个警告是我不能简单地绑定(bind)div以使其不能离开,因为我希望当你的光标遇到边缘而不是div时停止拖动(尝试将它拖离左侧以了解我的意思,我只是想要在右侧复制它)。我尝试过的:body{overflow:hidden;}-乍一看有效,但如果您仔细检查,body实际上正在滚动,只是没有可见的滚动条。另外,这是要在插件中使用的,所以我不能限制用户只能溢出:隐藏的body。创建窗口大小/固定位置的包装器div以触发事件

javascript - 禁用 IOS Safari 弹性滚动

我正在用HTML和JavaScript编写一个用于iPhone的网络应用程序。我想要实现的是防止应用程序弹性滚动(滚动超过页面范围并弹回)。但是,我的应用程序需要一些较长的元素才能滚动(该应用程序有一个长Canvas)。我已经尝试了很多在互联网上其他地方找到的这个问题的答案,但是,所有这些解决方案要么使用了JQuery,完全禁用了滚动,要么使用了Phonegap,要么只是在IOS7上根本不起作用。我该怎么做? 最佳答案 有一种方法可以不用jQuery来实现:document.body.addEventListener('touchm

javascript - 滚动到视口(viewport)的中心

我想通过单击将div居中。因此,如果我单击div,我希望它滚动到浏览器视口(viewport)的中心。我不想像我看到的指南和示例那样使用anchor。我怎样才能做到这一点? 最佳答案 在某种程度上,您必须识别可点击的元素。我构建了一个示例,它为此使用了class属性。第一步这是完成工作的脚本:$('html,body').animate({scrollTop:$(this).offset().top-($(window).height()-$(this).outerHeight(true))/2},200);您尝试的是将容器滚动到页

javascript - 使用 jquery 获取元素的滚动百分比

我正在尝试让一个div相对于元素的滚动百分比设置0%-100%的动画。现在我已经设置了几个变量,但我在尝试按百分比计算一个变量的高度时遇到了问题。我们可以很容易地设置起始宽度,也可以很容易地检测到滚动,因为我们可以获得将触发动画的元素的高度,我只是不能以百分比的形式得到它。如果我能弄清楚如何返回滚动的高度百分比,那么这应该很容易。$(window).scroll(function(){//calculatethepercentagetheuserhasscrolleddownthepagevarscrollPercent=($(window).scrollTop()/$(documen

javascript - 在滚动事件 AngularJS 之后在 Controller 中执行函数

假设我有一个堆叠的文章供稿:{{article.title}}{{article.body}}滚动浏览每篇文章时:...我想执行一个函数:.controller('AppCtrl',['$scope',function($scope){$scope.atNewArticle=function(){console.log(article);}}])我很难找到执行此操作的正确方法,因为我不确定是否应该将滚动事件绑定(bind)到窗口或检测指令元素本身的偏移量。到目前为止,这是我尝试过的:http://jsfiddle.net/6VFJs/1/ 最佳答案

javascript - 在 iframe 更改时滚动到父框架的顶部?

当用户在iframe中浏览时,是否可以滚动(0,0)到父页面的顶部?例如,我们有一个iframe,它是包含搜索结果的页面的整个高度。当您单击iframe中的下一页按钮时,焦点停留在页面底部。我什至不确定是否有可能检测到这一点。iframesrc值实际上并没有改变。附言我不知道为什么这个网站必须使用iframe,但IE6是标准浏览器,所以我没有问问题。 最佳答案 实际上,在iframe中导航时,onload事件确实有效。 关于javascript-在iframe更改时滚动到父框架的顶部?,

javascript - 向下滚动到部分时突出显示菜单项

我知道在这个论坛上已经问过这个问题一百万次了,但是没有一篇文章能帮助我找到解决方案。当您向下滚动到具有与哈希链接相同的ID的部分时,我做了一段jQuery代码,突出显示了哈希链接。$(window).scroll(function(){varposition=$(this).scrollTop();$('.section').each(function(){vartarget=$(this).offset().top;varid=$(this).attr('id');if(position>=target){$('#navigation>ul>li>a').attr('href',id